<!DOCTYPE html>
<html lang="en" xmlns:https="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>比赛项目</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/style_competition.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
    <link rel="stylesheet" href="./css/me.css">
    <link rel="stylesheet" href="./css/timeline.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css'>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js'></script>
</head>
<body>

<!--导航栏-->
<nav class="gird-header" >
    <div class="ui container" style="background-color: black">
        <div class="ui inverted secondary stackable menu">
            <h2 class="ui olive header item blue" style="font-family: STSong">云端就业工作室</h2>
            <a href="index.html"  class="m-item item m-mobile-hide "><i class="home icon"></i>首页</a>
            <a href="gzsbk.html"  class="m-item item m-mobile-hide"><i class="clone outline icon"></i>工作室板块</a>
            <a href="news.html" class="m-item item m-mobile-hide"><i class="clock icon"></i>新闻中心</a>
            <a href="human_resources.html" class="m-item item m-mobile-hide"><i class="music icon"></i>人力资源</a>
            <a href="study.html" class="m-item item m-mobile-hide"><i class="book icon"></i>学习板块</a>
            <a class="m-item item m-mobile-hide"><i class="pencil alternate icon"></i>联系我们</a>
        </div>
    </div>
    <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
        <i class="sidebar icon"></i>
    </a>
</nav>

<div class="container" id="competition">
    <div class="timeline">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image: url(https://unsplash.it/1920/500?image=11;)" data-year="糖家乐园">
                    <div class="img">
                        <img src="/static/img/tang.jpg" alt="" style="width: 450px;height: 750px">
                    </div>
                    <div class="swiper-slide-content">
                        <h4 class="timeline-title">糖家乐园微信小程序</h4>
                        <p class="timeline-text">糖家乐园是一个智能高效的糖尿病预防控制平台，致力于降低糖尿病发病率和患病人数，为实现”健康中国“做贡献，为实现”健康世界“做贡献</p>
                    </div>
                    <div class="member">
                        <div class="member_title">
                            <h1>项目成员</h1>
                        </div>
                        <div class="member_list">
                            <h2>胡勇</h2>
                            <text>18计算机科学与技术卓越</text>
                            <br>
                            <text>负责项目前后端联调<br>对接客户需求</text>
                        </div>
                        <div class="member_list">
                            <h2>肖冬</h2>
                            <text>18信息管理与信息系统</text>
                            <br>
                            <text>负责项目后端</text>
                        </div>
                        <div class="member_list">
                            <h2>田晨池</h2>
                            <text>18软件工程</text>
                            <br>
                            <text>负责项目前端静态页面</text>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image: url(https://unsplash.it/1920/500?image=12;)" data-year="易学堂">
                    <div class="img">
                        <img src="/static/img/yi.jpg" alt="" style="width: 450px;height: 750px">
                    </div>
                    <div class="swiper-slide-content">
                        <h4 class="timeline-title">易学堂</h4>
                        <p class="timeline-text">该项目团队都是来自南昌工程学院的学生，做这个项目的目的是分享技术上的问题和解决方法，避免大家实践中遇到各种各样的”坑“</p>
                    </div>
                    <div class="member">
                        <div class="member_title">
                            <h1>项目成员</h1>
                        </div>
                        <div class="member_list">
                            <h2>胡勇</h2>
                            <text>18计算机科学与技术卓越</text>
                            <br>
                            <text>负责网页端优化及后端开发</text>
                        </div>
                        <div class="member_list">
                            <h2>刘祥琪</h2>
                            <text>18计算机科学与技术</text>
                            <br>
                            <text>负责项微信小程序开发</text>
                        </div>
                        <div class="member_list">
                            <h2>闵荟锦</h2>
                            <text>18计算机科学与技术卓越</text>
                            <br>
                            <text>负责小程序UI页面设计</text>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image: url(https://unsplash.it/1920/500?image=13;)" data-year="云端官网">
                    <div class="img">
                        <img src="/static/img/yun.png" alt="" style="width: 450px;height: 750px">
                    </div>
                    <div class="swiper-slide-content">
                        <h4 class="timeline-title">云端官网</h4>
                        <p class="timeline-text">云端就业工作室的官方网站，用于展示工作室相关信息。开放了学习板块、人力资源、比赛项目和新闻中心等，能够更好地管理工作室信息</p>
                    </div>
                    <div class="member">
                        <div class="member_title">
                            <h1>项目成员</h1>
                        </div>
                        <div class="member_list">
                            <h2>周梓仪</h2>
                            <text>19数据科学与大数据技术</text>
                            <br>
                            <text>项目负责人<br>负责项目前端页面、前后端联调并对接需求</text>
                        </div>
                        <div class="member_list">
                            <h2>胡勇</h2>
                            <text>18计算机科学与技术卓越</text>
                            <br>
                            <text>负责项目后端</text>
                        </div>
                        <div class="member_list">
                            <h2>严紫鹭</h2>
                            <text>19软件工程</text>
                            <br>
                            <text>负责项目前端页面</text>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image: url(https://unsplash.it/1920/500?image=14;)" data-year="爱协官网">
                    <div class="img">
                        <img src="/static/img/ai.png" alt="" style="width: 450px;height: 750px">
                    </div>
                    <div class="swiper-slide-content">
                        <h4 class="timeline-title">爱协官网</h4>
                        <p class="timeline-text">奉献友爱<br>互助进步</p>
                    </div>
                    <div class="member">
                        <div class="member_title">
                            <h1>项目成员</h1>
                        </div>
                        <div class="member_list">
                            <h2>甘钦壬</h2>
                            <text>19计算机科学与技术卓越</text>
                            <br>
                            <text>项目负责人<br>负责前端页面、前后端联调并对接需求</text>
                        </div>
                        <div class="member_list">
                            <h2>肖冬</h2>
                            <text>18信息管理与信息系统</text>
                            <br>
                            <text>负责项目后端</text>
                        </div>
                        <div class="member_list">
                            <h2>周伟</h2>
                            <text>19计算机科学与技术</text>
                            <br>
                            <text>负责项目前端页面</text>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image: url(https://unsplash.it/1920/500?image=16;)" data-year="UI项目">
                    <div class="img">
                        <img src="/static/img/UI.jpg" alt="" style="width: 450px;height: 750px">
                    </div>
                    <div class="swiper-slide-content">
                        <h4 class="timeline-title">UI项目</h4>
                        <p class="timeline-text">这是一个以南昌工程学院官网页面设计为例的UI设计项目，充分展示了学校的特色</p>
                    </div>
                    <div class="member">
                        <div class="member_title">
                            <h1>项目成员</h1>
                        </div>
                        <div class="member_list">
                            <h2>沈斌</h2>
                            <text>18物流管理</text>
                            <br>
                            <text>云端就业工作室UI设计师<br>负责工作室各网页的设计</text>
                        </div>
                    </div>
            </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="swiper-wrapper">
                    <div class="swiper-slide" style="background-image: url(https://unsplash.it/1920/500?image=15;)" data-year="其他">
                        <div class="swiper-slide-content">
                            <h4 class="timeline-title">敬请期待..<br>云端伙伴们<br>的脚步不会停止</h4>
                        </div>
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>
</div>
<!--<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>-->
<script src="https://unpkg.com/axios/dist/axios.min.js"> </script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
<script src="js/competition.js"></script>
</body>

</html>